<template>
    <el-container class="outer">
        <el-header class="home-header">
            <div class="logo_text">
                <h1>指标分解与分配系统</h1>
                <p>INDICATOR DECOMPOSITION AND ALLOCATION SYSTEM</p>
            </div>
            <div class="header_right">
                <div class="icon">
                    <el-icon :size="16">
                        <Message />
                    </el-icon>
                </div>
                <div class="icon">
                    <el-icon :size="16">
                        <Bell />
                    </el-icon>
                </div>
                <div class="user" @click="quit">U</div>
            </div>
        </el-header>

        <el-container>
            <el-aside>
                <el-menu background-color="transparent" text-color="#ffffff" active-text-color="#ffd04b"
                    :default-active="$route.path" router>
                    <el-menu-item index="/file">关联关系展示</el-menu-item>
                    <el-menu-item index="/manage">体系指标管理</el-menu-item>
                    <el-menu-item index="/get">指标数据获取</el-menu-item>
                    <el-menu-item index="/mapping">指标映射转换</el-menu-item>
                    <el-menu-item index="/count">装备行动指南</el-menu-item>
                </el-menu>
            </el-aside>
            <el-main>
                <router-view />
            </el-main>
        </el-container>
    </el-container>

</template>

<script>
export default {

}
</script>

<style lang="less" scoped>
@import url("../font/index.less");
</style>